<!DOCTYPE html>
<!--[if lt IE 7]>

<html class="lt-ie9 lt-ie8 lt-ie7" lang="en">

<![endif]-->
<!--[if IE 7]>

<html class="lt-ie9 lt-ie8" lang="en">

<![endif]-->
<!--[if IE 8]>

<html class="lt-ie9" lang="en">

<![endif]-->
<!--[if gt IE 8]>
<!-->

<html lang="en">

    <!--
  <![endif]-->
    <head>
        <meta charset="utf-8">
        <title>
            Blue Moon - Responsive Admin Dashboard
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <!-- bootstrap css -->
        <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
        </script>
        <link href="icomoon/style.css" rel="stylesheet">
        <link href="css/main.css" rel="stylesheet"> <!-- Important. For Theming change primary-color variable in main.css  -->
        <!--[if lte IE 7]>
        <script src="css/icomoon-font/lte-ie7.js">
        </script>
        <![endif]-->

    </head>
    <body>
        <header>
            <a href="#" class="logo">
                <img src="img/LOGO_COFICO.png" style="width: 20%;" alt="logo" />
            </a>
            <div class="btn-group">
                <button class="btn btn-primary">
                    Admin
                </button>
                <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
                    <span class="caret">
                    </span>
                </button>
                <ul class="dropdown-menu pull-right">
                    <li>
                        <a href="#">
                            Edit Profile
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Account Settings
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Logout
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="mini-nav">
                <li>
                    <a href="#">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe040;"></div>
                        <span class="info-label badge badge-warning">
                            3
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe04c;"></div>
                        <span class="info-label badge badge-info">
                            5
                        </span>
                    </a>
                </li>
            </ul>

        </header>
        <div class="container-fluid">
            <div class="dashboard-container">
                <div class="top-nav">
                    <ul>
                        <li>
                            <a href="index.html" class="selected">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe19a;"></div>
                                Trang chủ
                            </a>
                        </li>
                        <li>
                            <a href="du-an.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe003;"></div>
                                Dự án
                            </a>
                        </li>
                        <li>
                            <a href="nha-cung-cap.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe0ab;"></div>
                                Nhà cung cấp
                            </a>
                        </li>
                        <li >
                            <a href="vat-tu.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe03b;"></div>
                                Vật tư
                            </a>
                        </li>
                        <li>
                            <a href="xuat-nhap.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe11d;"></div>
                                Xuất - Nhập
                            </a>
                        </li>
                        <li>
                            <a href="bao-cao.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe14a;"></div>
                                Báo cáo
                            </a>
                        </li>
                        <li>
                            <a href="nguoi-dung.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe071;"></div>
                                Người dùng
                            </a>
                        </li>
                        <li>
                            <a href="lich-bieu.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
                                Lịch biểu
                            </a>
                        </li>
                    </ul>
                    <div class="clearfix">
                    </div>
                </div>
                <div class="sub-nav">
                    
                    <div class="btn-group pull-right">
                        <button class="btn btn-primary">
                            Main Menu
                        </button>
                        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
                            <span class="caret">
                            </span>
                        </button>
                        <ul class="dropdown-menu pull-right">
                            <li>
                                <a href="index.html" data-original-title="">
                                    Trang chủ
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Dự án
                                </a>
                            </li>
                            <li>
                                <a href="nha-cung-cap.html" data-original-title="">
                                    Nhà cung cấp
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Vật tư
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Xuất - Nhập
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Báo cáo
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Người dùng
                                </a>
                            </li>
                            <li>
                                <a href="lich-bieu.html" data-original-title="">
                                    Lịch biểu
                                </a>
                            </li>
                            <li>
                                <a href="help.html" data-original-title="">
                                    Trợ giúp
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="dashboard-wrapper">
                    <div class="left-sidebar" style="margin-right: 0px;">

                        <div class="row-fluid">

                            <div class="span12">
                                <div class="widget">
                                    <div class="widget-header">
                                        <div class="title">
                                            Quên mật khẩu.
                                        </div>
                                        <span class="tools">
                                            <a class="fs1" aria-hidden="true" data-icon="&#xe090;"></a>
                                        </span>
                                    </div>
                                    <div class="widget-body">
                                        <div class="span3">&nbsp;</div>
                                        <div class="span6">
                                            <div class="sign-in-container">
                                                <form action="#" class="login-wrapper" method="post">
                                                    <div class="header">
                                                        <div class="row-fluid">
                                                            <div class="span12">
                                                                <h3>Tìm tài khoảng của bạn<img src="img/logo1.png" alt="Logo" class="pull-right"></h3>
                                                                <p>Điền vào biểu mẫu dưới đây để lấy lại mật khẩu.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                    <div class="content">
                                                        <div class="control-group success">
                                                            
                                                            <div class="controls">
                                                                <div class="input-prepend">
                                                                    <span class="add-on">
                                                                        @
                                                                    </span>
                                                                    <input type="text" placeholder="Email của bạn..." id="email2" class="span9">
                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>
                                                    <div class="actions">
                                                        <input class="btn btn-danger" name="Login" type="submit" value="Xác nhận" >
                                                        <a class="btn btn-success" data-placement="right" href="dang-nhap.html" style="margin-right: 10px;"> Huỷ bỏ </a>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="span3">&nbsp;</div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>




                </div>
            </div>
            <!--/.fluid-container-->
        </div>
        <!--<footer>
            <p>
                &copy; Cofico Company 2013 - 2014
            </p>
        </footer>-->

        <script src="js/jquery.min.js">
        </script>
        <script src="js/bootstrap.js">
        </script>


        <script type="text/javascript">
            //Tooltip
            $('a').tooltip('hide');

            //Popover
            $('.popover-pop').popover('hide');


            //Collapse
            $('#myCollapsible').collapse({
                toggle: false
            })
        </script>
    </body>
</html>